<template>
	<div class="j-dbenefit">
		<div class="js-item">
			<div class="article section">
				<div class="content container">
					<h3 class="blue">孕妈妈如是说……自存也能很公益</h3>
					<p>吉雪萍是上海电视台著名的节目主持人，曾经因饰演《十六岁的花季》中的白雪而一炮走红。</p>
					<p>如今，这位曾经的 “花季少女”正式升格当妈妈了，与此同时，也为女儿以“存捐互利”的储存方式在上海市脐带血库储存了女儿生命中珍贵的第一滴血——脐带血。</p>
					<p>为了鼓励和呼吁更多选择自体储存脐带血的妈妈们能够以“存捐互利”的方式储存脐带血，吉雪萍欣然接受了我们的电话访问。</p>
					<div class="box-split clear">
						<div class="box-img">
							<img src="../../assets/product/db01.jpg" width="320" alt="">
						</div>
						<div class="box">
							<h4>对于脐带血并不陌生</h4>
							<p>以前就听说过脐带血是和骨髓一样可以用于移植治疗白血病，也听到过周围同事朋友之间有过这方面的讨论，所以怀孕后就开始考虑，究竟是自己保存下来，还是捐献出去，考虑很久，我还是决定捐献出去，因为我本身就是造血干细胞的志愿者，因此，捐出脐带血造血干细胞也是理所当然。</p>
							<h4>最终我选择“存捐互利”方案</h4>
							<p>后来在医院碰到脐带血库的工作人员，了解到有一种储存方式叫做“存捐互利”，挺好的，这样一来不仅可以自己先替宝宝存下脐带血，同时又可以在今后有患者配到这份脐带血的情况下捐献出来救人一命，存和捐可以同时做到，何乐而不为呢？所以，我毫不犹豫地选择了“存捐互利”。</p>
							<p>其实选择存也好，捐也好，这都是每个妈妈自己的选择，我们也应该尊重她们的选择，只是我个人认为选择“存捐互利”可能是让那些在存和捐之间犹豫不决的的妈妈一个更好的选择方案，在为宝宝和家人存下一份健康生命的保障时，也能够给其他病患带去重生的机会。 再说，科技在发展，说不定今后通过细胞增生技术，一袋血可用于多次治疗，那么，如果因为今天的一些技术限制而放弃了将来的发展机会，我觉得还是挺可惜的。</p>
						</div>
					</div>
					<p class="footer blue">————摘自《健康准妈妈》2018年第12期</p>
				</div>
			</div>
			<div class="news section">
				<div class="content container">
					<div class="news-box">
						<img src="../../assets/product/db02.jpg" alt="">
						<img src="../../assets/product/db03.jpg" alt="">
						<img src="../../assets/product/db04.jpg" alt="">
					</div>
					<p>2009年8月，上海脐血库“存捐互利”项目，首例配型移植成功，供者的脐带血已成功植入患者体内</p>
				</div>
			</div>
			<div class="list section">
				<div class="content container">
					<p class="title">
						<span>特别说明</span>
						<i>以下信息仅供参考，最终方案以储户所签协议为准</i>
					</p>
					<div class="item">
						<p>愿意接受这种方案的脐带血自存储户需要加做HLA配型检测，并承担相关费用。</p>
					</div>
					<div class="item">
						<p>相关检测结果进入脐带血公共库配型资料库，一旦储户相关配型资料与来我库查询的病患配型资料相符时，储户可选择是否将脐带血造血干细胞捐赠给病患。如储户选择将脐带血造血干细胞捐赠给病患，我库将退还储户交付的全部费用。</p>
					</div>
					<div class="item">
						<p>储户捐出脐带血造血干细胞后，将终生享有来我库免费查询配型资料的权力，如发生自己或直系亲属因临床治疗需要使用脐带血时，我库在客观条件允许时，免费为其提供1份符合临床要求的脐带血，如客观条件不允许，我库将在经济上给予一些人道主义救助。</p>
					</div>
					<div class="item">
						<p>储户参加存捐互利方案后，即使因脐带血采集失败或检测不合格而储存协议终止，今后若有临床移植需要，如在我库配型成功，则享有优先使用权。（具体细则请来电咨询）</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.j-dbenefit{
		.clearfix{
			overflow: hidden;
		}
	}
</style>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.clear {
		&::after {
			content: '';
			display: block;
			clear: both;
			width: 0;
		}
		& > * {
			float: left;
		}
	}
</style>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.container {
		* {
			margin: 0;
		}
		& > img {
			display: block;
		}
	}
	.page-title {
		background-color: #f2f2f2;
		p {
			line-height: 68px;
		}
		span {
			padding: 0 1em;
			font-size: 14px;
			font-weight: bold;
		}
		.big {
			font-size: 18px;
			font-weight: bold;
			color: #0e3387;
			position: relative;
			&::after {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				border-right: 2px solid currentColor;
			}
		}
		.red {
			color: #ff828a;
			padding: 0;
		}
	}
	.blue {
		color: #2ea7e0;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 16px;
		color: #000000;
	}
	/* article section */
	.article {
		padding: 50px 5px;
		h3 {
			padding: 30px 0;
		}
		h4 {
			padding-bottom: 0.5em;
		}
		h4 ~ h4 {
			padding-top: 30px;
		}
		p {
			/*font-size: 15px;*/
			/*line-height: 1.5;*/
			line-height: 30px;
		}
		.footer {
			margin-top: 1.5em;
			text-align: right;
		}
	}
	.box-split {
		padding-top: 25px;
		.box {
			width: calc(100% - 320px);
			padding-left: 30px;
			box-sizing: border-box;
		}
	}
	/* news section */
	.news {
		background-color: #f8f8f8;
		padding: 60px 0 40px;
		.news-box {
			text-align: justify;
		}
		.news-box::before {
			content: '';
			height: 100%;
			display: inline-block;
		}
		.news-box::after {
			content: '';
			width: 100%;
			display: inline-block;
		}
		img {
			display: inline-block;
		}
		p {
			text-align: center;
			font-size: 14px;
			padding: 0.5em;
		}
	}
	/* list */
	.list {
		padding: 70px 0;
		counter-reset: num 0;
		.title {
			padding: 20px 10px;
			line-height: 24px;
			span {
				font-size: 24px;
			}
			i {
				font-style: normal;
				vertical-align: top;
				font-size: 12px;
			}
		}
	}
	.item {
		padding: 20px;
		border: 1px solid #ddd;
		border-radius: 5px 5px;
		background-color: #f6f6f6;
		box-sizing: border-box;
		position: relative;
		counter-increment: num 1;
		margin-bottom: 20px;
		&::before {
			content: '0'counter(num);
			position: absolute;
			font-size: 30px;
			/*height: 30px;*/
			height: 45px;
			top: 0;
			bottom: 0;
			margin: auto 0;
			color: #cecece;
		}
		p {
			box-sizing: border-box;
			padding-left: 1.5em;
			font-size: 14px;
			line-height: 1.4;
			padding-left: 3.5em;
		}
	}
</style>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	@media (max-width: 767px){
		.j-dbenefit{
			.js-item{
				.article {
					.box-split {
						padding-top: 25px;
						.box-img{
							width: 100%;
							text-align: center;
							margin-bottom: 38px;
							img{
								width: 100%;
							}
						}
						.box {
							width: 100%;
							padding-left: 0;
						}
					}
					.footer {
						margin-top: 1.5em;
						text-align: right;
					}
				}
				.news {
					.news-box {
						text-align: center;
						img{
							margin-bottom: 5px;
						}
					}
					img {
						display: inline-block;
					}
					p {
						text-align: center;
						font-size: 14px;
						padding: 0.5em;
					}
				}
			}
		}
	}
</style>